/*
 * @since:2020/12/23
 * @author:hzgxr@hzgxr.com ~~~!
 * @Copyright © 2020 hzgxr.com. All Rights Reserved.
 **/
/* Reset */
body,div,section,article,header,nav,footer,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,span,img,form,fieldset,legend,input,button,textarea,blockquote,th,td,menu,figure,dir,sup{margin:0;padding:0}body{-webkit-text-size-adjust:none;}h1,h2,h3,h4,h5,h6,th{font-size:100%;font-weight:normal}q:before,q:after{content:''}address,cite,dfn,em,var{font-style:normal}code,kbd,pre,samp{font-family:courier new,courier,monospace}small{font-size:11px}sup{vertical-align:text-top}sub{vertical-align:text-bottom}legend{color:#000;display:none}img{border:0; display:block;}input,button,textarea,select{vertical-align:middle;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}textarea{overflow:auto}a{text-decoration:none}:focus{outline:0}a,.hand{cursor:pointer}button{outline:none}
ul li{ list-style-type:none;}
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;}
input:focus{ outline:none;}
input,
button,
textarea{-webkit-appearance:none; -moz-appearance:none; appearance:none;}
textarea{ resize:none;}
/* Public */
    html{width:100%; height:100%;}
	body{
		overflow-x:hidden;
		width:100%;
		height:100%;
		background:#0082bf;
		color:#141516;
		-webkit-font-smoothing: antialiased;		/* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;				/* Fix for webkit minFont size */
		-webkit-tap-highlight-color	:rgba(0,0,0,0);	/* Remove highlight on tap event*/
		-moz-tap-highlight-color	:rgba(0,0,0,0);
		-ms-tap-highlight-color		:rgba(0,0,0,0);
		-o-tap-highlight-color		:rgba(0,0,0,0);
		tap-highlight-color			:rgba(0,0,0,0);
		font: 12px/1.5 Helvetica, 'Microsoft YaHei', Arial, Verdana, sans-serif;
		}
	.lazy{ background:url(../images/loading.gif) no-repeat  center center}	
	a{color:#141516;}
	a:hover{color:#141516;}
	.fl{float:left}.fr{float:right}
	.pa{position:absolute}.pr{position:relative}
	.tal{text-align:left !important;}.tar{text-align:right !important;}.tac{text-align:center}.vam{ vertical-align:middle;}
	button,
	input[type="reset"]::-moz-focus-inner,
	input[type="button"]::-moz-focus-inner,
	input[type="submit"]::-moz-focus-inner,
	input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;}
	textarea{ resize:none;}
	button{ line-height:1 !important;}
	.clearfix:before, .clearfix:after{content: ""; display: table; font-size:0 !important; line-height:0!important; height:0!important;}  
	.clearfix:after { clear: both;}
	.clearfix { *zoom: 1; }
	.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
/* Font */
	.fsi{font-style:italic}				/*斜体*/
	.fwb{font-weight:bold}				/*加粗*/
	.fs1{font-size:14px !important}				
	.fs2{font-size:16px !important}
	.fs3{font-size:18px !important}
	.fs4{font-size:24px !important}
	.fs5{font-size:30px !important}
	.fs{font-size:12px !important;}		/*默认大小*/
	.c1{color:#ccc !important;}			/*浅灰色*/
	.c2{color:#999 !important;}			/*深灰色*/
	.c3{color:#666;}					/*灰色*/
	.c5{color:#009b63;}
	a.c5:hover{color:#ff6600;}
	.red{ color:#da251d !important;}		/*红色*/
	.green{color:#2ec225;}				/*绿色*/
	.orange{color:#f60;}				/*橙色*/
	.white{color:#FFF;}					/*白色*/
	.black{color:#333;}					/*黑色*/
	.blue{color:#3083ed;}				/*蓝色*/
	.tdu{text-decoration:underline}		/*下划线文字*/
	.tdl{ text-decoration:line-through;}/*中划线文字*/
	
	/* COMMON */
	.mt10{ margin-top:10px !important;}
	.ml10{ margin-left:10px !important;}
	.mt20{ margin-top:20px !important;}
	.pr-0{ padding-right:0px !important;}
	.b-b-n{ border-bottom:none !important;}
	.spacep{ padding-left:0.5em;}
	.space{ padding-left:1em;}
	.space2{ padding-left:2em;}
	.imgbox{ display:block;}
	.imgbox img{ width:100%;}
	.tap{ display:block; position:relative;}
	.mt0{ margin-top:0 !important;}
	.pl10{ padding-left:10px !important;}
	.pl20{ padding-left:20px !important;}
	.btn{ 
		height:28px;
		line-height:26px;
		padding:0 10px;
		border:#141516 1px solid;
		background:#141516;
		text-align:center;
		color:#fff;
		font-size:14px;
		cursor:pointer;
		display:inline-block;
		-webkit-transition:all 0.2s ease;
		   -moz-transition:all 0.2s ease;
		    -ms-transition:all 0.2s ease;
		     -o-transition:all 0.2s ease;
		        transition:all 0.2s ease;
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
			-ms-box-sizing:border-box;
			 -o-box-sizing:border-box;
				box-sizing:border-box;
		-webkit-border-radius:3px;
		   -moz-border-radius:3px;
			-ms-border-radius:3px;
			 -o-border-radius:3px;
				border-radius:3px;
		}
	.btn:hover{ background:#343536; border-color:#343536; color:#fff;}
	.btn.bbgf{ background:#fff; color:#141516;}
	.input-txt{
		width:300px;
		height:20px;
		line-height:20px;
		border:#ddd 1px solid;
		padding:7px 9px;
		background:#FFF;
		display:inline-block;
		font-size:14px;
		color:#333;
		vertical-align:middle;
		-webkit-border-radius:2px;
		   -moz-border-radius:2px;
			-ms-border-radius:2px;
			 -o-border-radius:2px;
				border-radius:2px;
		}
	
	.msgBox{
		height:24px;
		line-height:24px;
		font-size:14px;
		color:#FFF;
		position:fixed;
		z-index:999;
		left:50%;
		top:50%;
		margin-top:-22px;
		display:none;
		padding:10px 20px;
		filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#7F000000, endColorstr=#7F000000);
		background:rgba(0,0,0,0.75);
		-webkit-border-radius:5px;
		   -moz-border-radius:5px;
			-ms-border-radius:5px;
			 -o-border-radius:5px;
				border-radius:5px;
	}
	.msgBox.active{ display:block;}
	.layer-bg{
		width:100%;
		height:100%;
		position:fixed;
		z-index:999;
		left:0px;
		top:0px;
		display:none;
		filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#7F000000, endColorstr=#7F000000);
		background:rgba(0,0,0,0.75);
	}
	
	.layer{
		width:100%;
		height:100%;
		z-index:1000;
		background:#000;
		background:rgba(0,0,0,0.4); 
		padding:5px;
		visibility:hidden;
		position:fixed;
		-webkit-transform:scale(0.25,0.25);
		   -moz-transform:scale(0.25,0.25);
			-ms-transform:scale(0.25,0.25);
			 -o-transform:scale(0.25,0.25);
				transform:scale(0.25,0.25);
		-webkit-transition:all 0.3s linear-out;
		   -moz-transition:all 0.3s linear-out;
			-ms-transition:all 0.3s linear-out;
			 -o-transition:all 0.3s linear-out;
				transition:all 0.3s linear-out;
	}
	.layer-w320{ width:320px; margin-left:-165px;}
	.layer-box{ padding:0 20px; background:#FFF;}
	.layer.active{
		visibility:visible;
		-webkit-transform:scale(1,1);
		   -moz-transform:scale(1,1);
			-ms-transform:scale(1,1);
			 -o-transform:scale(1,1);
				transform:scale(1,1);
		}
	.layer .title{height:44px; line-height:44px; background:#f3f4f8; width:100%; padding:0 20px; margin:0 -20px;}
	.layer .title .name{ display:block; float:left; height:44px; font-size:15px; font-weight:bold; color:#333;}
	.layer .title .close-btn{ width:16px; height:16px; float:right; margin-top:14px; background:url(../images/close-layer.png) no-repeat left top; cursor:pointer}
	.layer .title .close-btn:hover{ background-position:0 -16px;}
	.layer-bot{ width:100%; padding:10px 20px; margin:0 -20px; height:32px;background:#f3f4f8; font-size:0; text-align:center;}
	.layer-bot .btn{
		height:30px;
		line-height:30px;
		width:86px;
		padding:0;
		margin:0 10px;
		-webkit-border-radius:0px;
		   -moz-border-radius:0px;
			-ms-border-radius:0px;
			 -o-border-radius:0px;
				border-radius:0px;
		}
.iconfont{ line-height:1;}
.t-f {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
			transition: all 0.5s;
  }
  .t-c {
	-webkit-transition: color 0.5s;
	-moz-transition: color 0.5s;
	-ms-transition: color 0.5s;
			transition: color 0.5s;
  } 
  .t-bg {
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-ms-transition: background 0.5s;
			transition: background 0.5s;
  }
  .flexbox{
	display: flex;
    flex-wrap: wrap;
    align-item: center;
	justify-content: space-between;
}
.flexls{
	display: flex;
    flex-decoration: column;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
} 
.ones {overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.twos {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
/*改变滚动条*/
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
::-webkit-scrollbar-track {
  background: rgba(0,0,0,.25);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb {
  background: #06a1ea ;
  border-radius: 4px;
}
.mini-page.h60{height:60px; padding: 30px 0; text-align:center;}
.mini-page.h60 a{height:38px; line-height:38px; padding:0 5px; min-width:28px; background:#f2f2f2; font-size:16px; font-weight:normal; display:inline-block; *display:inline; *zoom:1; white-space:nowrap; margin:0 5px; color:#666;text-align:center;}
.mini-page.h60 a.active,.mini-page.h60 a:hover{ background: -webkit-linear-gradient(120deg, #0082bf, #06a1ea);
    background: linear-gradient(120deg, #0082bf, #06a1ea); color:#fff;}
.mini-page.h60 .prv,.mini-page.h60 .next{font-family:'宋体';}.ones {overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.twos {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}